<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="box">
        <div class="top-box">
            <p><i class="iconfont icon-left" id="goBack"></i></p>
            <div class="myData dpflex">
                <span>我的运动数据</span>
                <img src="../imgs/user-img.jpg" alt="" id="imgUrl">
            </div>
            <div class="dataBox dpflex">
                <div class="left flex1">
                    <span>总运动</span>
                    <p><span class="number" id="coursetims">99900</span>分钟</p>
                </div>
                <div class="right flex1">
                    <span>本周消耗</span>
                    <p><span class="number" id="calorie">99900</span>千卡</p>
                </div>
            </div>
            <div class="number dpflex">
                <div>
                    <p>消耗(千卡)</p>
                    <p>999999</p>
                </div>
                <div>
                    <p>累计(天)</p>
                    <p id="punchin">999</p>
                </div>
                <div>
                    <p>连续(天)</p>
                    <p>999</p>
                </div>
            </div>
        </div>
        <div class="bottom-box">
            <div id="middleBox" class="middle"></div>
            <div id="classifBox" class="classif"></div>
            <div id="sevenClassifBox" class="seven"></div>
            <div id="trainFreq" class="trainFreq"></div>
        </div>
    </div>


</body>

</html>